<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Editar Universidad</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}"> 
	        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
</head>
<body>

	{% include "topmenu.html" %} <!-- Top menu -->

	<div class="container">
		<div class="row-fluid">			
			{% include "sidebar.html" %} <!-- Side bar -->

			<!-- Listado de universidades divididas por regiones -->
			<div class="span9">
				{% if error %}
			        <div class="alert alert-error">
			          <button type="button" class="close" data-dismiss="alert">&times;</button>
			          <strong>Error!</strong> No se realizaron los cambios
			        </div>
			    {% endif %}
			    {% if exito %}
			        	<div class="alert alert-success">
			              <button type="button" class="close" data-dismiss="alert">&times;</button>
			              <strong>Actualizado</strong> Los datos de la Universidad fueron guardados
			            </div>
			    {% endif %}	

				<!-- Universidades participantes agrupadas por region -->
				<div class="page-header">
					<h1>Editar Universidad</h1>
				</div>
									
				<form action="/plataforma/usuarios/editaruniversidad/" method="post" name="editar" class="form-horizontal well"> 
					<div class="control-group">
						<label for="nombre" class="control-label">Nombre</label>
						<div class="controls">
							<input type="text" name="nombre" id = "nombre" class="textarea_editar_univ" value="{{universidad.nombre}}" required>
						</div>
					</div> <!-- Nombre -->

					<div class="control-group"> <!-- Telefono -->
	                    <label for="telefono" class="control-label">Teléfono</label>
	                    <div class="controls">
                            <input type="text" name="cod_pais" id ="cod_pais" class="textarea_editar_univ_tel" value ="{{cod_pais}}" placeholder="Cod.País">
                            <input type="text" name="cod_ciudad" id ="cod_ciudad" class="textarea_editar_univ_tel" value ="{{cod_ciudad}}" placeholder="Cod. Área">
                            <input type="text" name="telefono" id ="telefono" class="textarea_editar_univ" value = "{{telefono}}" placeholder="Num. Tel.">
	                    </div>
	                </div> <!-- /Telefono -->

					<div class="control-group">
						<label for="url" class="control-label">URL</label>
						<div class="controls">
							<input type="text" name="url" id = "url" class="textarea_editar_univ" value="{{universidad.url}}" required>
						</div>
					</div> <!-- URL -->

					<div class="control-group"> <!-- Siglas -->
						<label for="siglas" class="control-label">Siglas</label>
						<div class="controls">
							<input type="text" name="siglas" id = "siglas" class="textarea_editar_univ" value="{{universidad.siglas}}">
						</div>
					</div> <!-- /siglas -->

					<div class="control-group">
						<label for="nombre" class="control-label">Dirección</label>
						<div class="controls">
							<input type="text" name="direccion" id = "direccion" class="textarea_editar_univ" value="{{universidad.direccion}}">
						</div>
					</div> <!-- URL -->

					{% csrf_token %}
					<div class="control-group">
						<div class="controls">
							<input type="hidden" name="pk" id = "pk" value="{{universidad.pk}}" required>
						</div>
					</div> <!-- ID -->

					<div class="form-actions", align="center">
						<button type="submit" class="btn btn-primary">Guardar</button>
					</div> <!-- Botones de opciones -->
									
					
				</form> <!-- form -->
			</div>
		</div> <!-- /row -->

	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- /container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
</body>
</html>